<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
<style type="text/css">
	ul{
		display:  flex;
	}
	li{
		list-style: none;
		margin-right: 20px;
	}
	#A{
		width: 1800px;
		height: 50px;
		border: 1px solid  #EFEFEC;
		background-color: #f1f1f1;
	
	}
	#A ul li a{
		border-right: 1px solid lightgray;
		padding-right: 14px;
		text-align: center;
		
	}
	#A ul li a.login{
		border: none;
	}
	#A ul li.phone{
		background: url(image/tel.png) no-repeat 0 2px;
		padding-left: 15px;
	}
	#A ul li.phone:hover{
		background-position: 0 -23px;
	}
		a{
			color: black;
			text-decoration: none;
		}
	a:hover{
		color:  red;
	}

</style>
	<body>
		<div id="A">
			<ul>
				<li><a href="#" class="login">你好,请登录</a></li>
				<li><a href="#">免费注册</a></li>
				<li><a href="#">我的订单</a></li>
				<li><a href="#">我的京东</a></li>
				<li><a href="#">企业采购</a></li>
				<li class="phone"><a href="#" >手机京东</a></li>
				<li><a href="#">关注京东</a></li>
				<li><a href="#">客户服务</a></li>
				<li><a href="#">客户服务</a></li>
			</ul>
		</div>
	</body>
</html>
